﻿<!-- Main jumbotron for a primary marketing message or call to action -->
<!--<div class="jumbotron">
    <h1>AisinGioro</h1>
    <p>This is a template showcasing the optional theme stylesheet included in Bootstrap. Use it as a starting point to create something more unique by building on or modifying it.</p>
</div>-->

<div class="alert alert-warning" role="alert" ng-hide="model.monitorList && model.monitorList.length>0">{{model.nothingMessage}}</div>

<div class="panel panel-default my-panel" ng-repeat="monitor in model.monitorList track by $index">
    <div class="panel-heading">
        <span class="badge my-method-badge">{{monitor.type | uppercase}}</span>
        <div class="my-head-url">{{monitor.dest}}</div>
        <div class="dropdown my-panel-dropdown" uib-dropdown>
            <a href="javascript:;" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" uib-dropdown-toggle>
                <span class="glyphicon glyphicon-menu-hamburger"></span>
            </a>
            <ul class="dropdown-menu" aria-labelledby="dropdownMenu1" uib-dropdown-menu>
                <li><a href="javascript:;" ng-click="comingSoon()">Edit</a></li>
                <li><a href="javascript:;" ng-click="comingSoon()">Delete</a></li>
            </ul>
        </div>
    </div>
    <div class="panel-body">
        <!--<span class="glyphicon glyphicon-time"></span> <span>Standby</span>-->
        <!--<span class="glyphicon glyphicon-play"></span> <span class="text-success">200/OK/305ms</span>-->
        <!--<span class="glyphicon glyphicon-info-sign"></span> <span class="text-danger">500/Internal Server Error/305ms</span>-->
        <span class="glyphicon" ng-class="monitor.statusCss"></span> <span ng-class="monitor.statusTextList[0].css">{{monitor.statusTextList[0].text}}</span>
        <a href="javascript:;" ng-click="showReport($index)" style="float:right;"><span class="glyphicon glyphicon-stats"></span></a>
    </div>
</div>

<!--<div class="panel panel-default my-panel">
    <div class="panel-heading">
        <span class="badge my-method-badge">HTTP</span>
        <div class="my-head-url">https://www.qucai.cc</div>
        <div class="dropdown my-panel-dropdown" uib-dropdown>
            <a href="javascript:;" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" uib-dropdown-toggle>
                <span class="glyphicon glyphicon-menu-hamburger"></span>
            </a>
            <ul class="dropdown-menu" aria-labelledby="dropdownMenu1" uib-dropdown-menu>
                <li><a href="#">Edit</a></li>
                <li><a href="#">Delete</a></li>
            </ul>
        </div>
    </div>
    <div class="panel-body">
        <span class="label label-success">OK</span>
        200/OK, 250ms, At=23:59
        <a href="#"><span class="glyphicon glyphicon-stats"></span></a>
    </div>
</div>

<div class="panel panel-default my-panel">
    <div class="panel-heading">
        <span class="badge my-method-badge">HTTP</span>
        <div class="my-head-url">http://www.qucai.cc/staticHtml/zixun/details/20171222/ZX1222165317531159797682.html</div>
        <div class="dropdown my-panel-dropdown" uib-dropdown>
            <a href="javascript:;" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" uib-dropdown-toggle>
                <span class="glyphicon glyphicon-menu-hamburger"></span>
            </a>
            <ul class="dropdown-menu" aria-labelledby="dropdownMenu1" uib-dropdown-menu>
                <li><a href="#">Edit</a></li>
                <li><a href="#">Delete</a></li>
            </ul>
        </div>
    </div>
    <div class="panel-body">
        <span class="label label-danger">Failed</span>
        500/Error, Internal Error
        <a href="#"><span class="glyphicon glyphicon-stats"></span></a>
    </div>
</div>

<div class="panel panel-default my-panel">
    <div class="panel-heading">
        <span class="badge my-method-badge">Port</span>
        <div class="my-head-url">52.199.166.244/7881</div>
        <div class="dropdown my-panel-dropdown" uib-dropdown>
            <a href="javascript:;" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" uib-dropdown-toggle>
                <span class="glyphicon glyphicon-menu-hamburger"></span>
            </a>
            <ul class="dropdown-menu" aria-labelledby="dropdownMenu1" uib-dropdown-menu>
                <li><a href="#">Edit</a></li>
                <li><a href="#">Delete</a></li>
            </ul>
        </div>
    </div>
    <div class="panel-body">
        <span class="label label-success">OK</span>
        Last: 00:26
        <a href="#"><span class="glyphicon glyphicon-stats"></span></a>
    </div>
</div>-->

<script type="text/ng-template" id="monitorModal">
    <div class="modal-header">
        <button type="button" class="close" aria-label="Close" ng-click="dismissModal()"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Statistics</h4>
    </div>
    <div class="modal-body">
        <ul>
            <li ng-repeat="status in vm.statusTextList track by $index"><span>{{status.time}}</span><span ng-class="status.css">{{status.text}}</span></li>
        </ul>
    </div>
    <div class="modal-footer">
        <button class="btn btn-default" type="button" ng-click="dismissModal()">Close</button>
    </div>
</script>